{$form->getElement('pessoa[aba]')->render()}
{$form->getElement('pessoa[id_pessoa]')->render()}

<ul class="breadcrumb">
	<li><a href="{$BASE_PATH}admin/pessoa">Agente</a></li>
	<li>Cadastrar/Editar</li>
</ul>
<ul class="tabs">
    <li class="active"><a href="#viewCadastrar" data-toggle="tab">Informações gerais</a></li>
    {if $form->getElement('pessoa[id_pessoa]')->getValue() !=""}
	    <li><a href="#viewEmail" id="abaEmail" data-toggle="tab" data-method='viewEmail'>Email</a></li>
	    <li><a href="#viewTelefone" id="abaTelefone" data-toggle="tab" data-method='viewTelefone'>Telefone</a></li>
<!-- 	    <li><a href="#viewEndereco" id="abaEndereco" data-toggle="tab" data-method='viewEndereco'>Endereço</a></li> -->
	    {if $form->getElement('pessoa[fl_usuario]')->getValue() == 1}
	    	<!-- <li><a href="#viewPerfil" id="abaPerfil" data-toggle="tab" data-method='viewPerfil'>Perfil</a></li> -->
	    	<li><a href="#viewAlterarSenha" id="abaSenha" data-toggle="tab" data-method='viewAlterarSenha'>Alterar Senha</a></li>
	    {/if}
    {/if}
</ul>
<div class="tab-content">
    <div class="tab-pane active" id="viewCadastrar">
		   <form class="validate" action="{$BASE_PATH}" method='post'>
				<div class='sideBySide'>
					<div class="control-group">
						{$form->getElement('pessoa[tp_pessoa]')->getLabel()->render()}
						<div class="controls">
							{$form->getElement('pessoa[tp_pessoa]')->render()}
						</div>
					</div>
					<div class="control-group">
						<label>Espécie</label>
						<div class="controls">
							{$form->getElement('pessoa[fl_usuario]')->render()}
							{$form->getElement('pessoa[fl_usuario]')->getLabel()->render()}
						</div>
						<div class="controls">
							{$form->getElement('pessoa[fl_cliente]')->render()}
							{$form->getElement('pessoa[fl_cliente]')->getLabel()->render()}
						</div>
						<div class="controls">
							{$form->getElement('pessoa[fl_fornecedor]')->render()}
							{$form->getElement('pessoa[fl_fornecedor]')->getLabel()->render()}
						</div>
						<div class="controls">
							{$form->getElement('pessoa[fl_banco]')->render()}
							{$form->getElement('pessoa[fl_banco]')->getLabel()->render()}
						</div>
					</div>
				</div>
				<div id="viewDadosGerais"></div>
			</form>
	</div>
	{if $form->getElement('pessoa[id_pessoa]')->getValue() != ""}
	    <div class="tab-pane" id="viewEmail"></div>
	    <div class="tab-pane" id="viewTelefone"></div>
	    <!-- <div class="tab-pane" id="viewEndereco"></div> -->
		{if $form->getElement('pessoa[fl_usuario]')->getValue() == 1}
		    <!-- <div class="tab-pane" id="viewPerfil"></div> -->
		    <div class="tab-pane" id="viewAlterarSenha"></div>
		{/if}
	{/if}
</div>

<script>
	$(document).ready(function(){
		if ($("#aba").val()!="")
		{
			$("#"+$("#aba").val()).click();
			atualizarAba($('#'+$("#aba").val()).attr('data-method'),$("#id_pessoa").val());			
		}
		
		if ($("#tp_pessoa").val() !="")
		{
			montarFormularioDadosGerais($("#tp_pessoa").val(),$("#id_pessoa_id_pessoa").val());
		}
		$("#tp_pessoa").change(function(){
			montarFormularioDadosGerais($(this).val(),$("#id_pessoa_id_pessoa").val());
		});
		$(".tabs a").click(function(){
			atualizarAba($(this).attr('data-method'),$("#id_pessoa").val());
			$('#aba').val(this.id);
		});
	});
	
	function atualizarAba(tab,id_pessoa)
	{
		//só carrega o ajax se a view nunca foi carregada
		if ($("#"+tab).html() == '')
		{
			$.ajax({
	            type: "POST",
	            url: BASE_PATH+'admin/pessoa/'+tab+'/aba/'+tab+'/id/'+id_pessoa,
	            success: function (txt) {
	            	$("#"+tab).html(txt);
	            	initValidate();
	            	initMask();
	            }
	        });
		}
	}
	
	function montarFormularioDadosGerais(tipopessoa,id_pessoa)
	{
		if($("#"+tipopessoa).val() != '')
		{
			$.ajax({
	            type: "POST",
	            url: BASE_PATH+'admin/pessoa/viewDadosGerais/tp_pessoa/'+$("#tp_pessoa").val()+'/id/'+id_pessoa,
	            success: function (txt) {
	                $("#viewDadosGerais").html(txt);
	                initValidate();
	                initMask();
	            }
	        });
		}
		else
			$("#viewDadosGerais").html("");
	}
</script>
